<template>
    <div>
        <h2>{{ title }}</h2>
        <div :class="{ 'outline-box': withOutline }">
            <div class="min-h100">
                <slot></slot>
            </div>
            <div v-if="withSign" class="sign-and-date">
                {{ withSign }}<div class="space_4b"></div><br/>
                <div class="space_2b"></div>年<div class="space_2b"></div>月<div class="space_2b"></div>日
            </div>
        </div>
    </div>
</template>

<script setup>
const props =  defineProps({
    title: {
        type: String,
        default: ''
    },
    withSign: {
        type: String,
        default: ''
    },
    withOutline: {
        type: Boolean,
        default: false
    }
});

const { title, withSign, withOutline } = props;
</script>

<style lang="less" scoped>
@import "@/assets/less/paper/doc.less";
</style>